 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
		<title>Scotiabank | Consejos - Calculadora hipotecario</title>
		<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
		<!-- include the Tools -->
		<script type="text/javascript" src="../js/jquery.tools.min.js"></script>
		<!-- required CSS files -->
		<link rel="stylesheet" type="text/css" href="../css/grid.css" media="screen">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/overlay-basic.css">
		<link rel="stylesheet" type="text/css" href="../css/tabs-slideshow.css">
		
		
		<!--<script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>-->
		
		<!--Libreria para el popup FANCYBOX-->
		<script type="text/javascript" src="../js/jquery.fancybox-1.3.4.pack.js"></script>
		<!--<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />-->
		
		<!--Libreria para validacion de cajas de texto-->
		<script type="text/javascript" src="../js/jquery.valid8.js"></script>
		
		<!--Libreria de calculo de prestamos-->
		<script type="text/javascript" src="../js/calcula.js"></script>
		<link href="../css/style_scotia.css" rel="stylesheet" type="text/css">
		
		<!--Libreria de plus de formulario simpaticos
    <link rel="stylesheet" href="css/uniform.default.css" type="text/css" media="screen">     
    <script src="js/jquery.uniform.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
        $(function() {
            $("input, textarea, select, button").uniform();
        });
    </script>
-->
		
		<!--<link href="css/style.css" rel="stylesheet">-->
		<script type="text/javascript" src="../js/jquery.cookie.js"></script>
		<script type="text/javascript" src="../js/jquery.ezpz_tooltip.js"></script>
		<script type="text/javascript">
			function MM_swapImgRestore() { //v3.0
			  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
			}
			function MM_preloadImages() { //v3.0
			  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
				var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
				if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
			}
			
			function MM_findObj(n, d) { //v4.01
			  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
				d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
			  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
			  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
			  if(!x && d.getElementById) x=d.getElementById(n); return x;
			}
			
			function MM_swapImage() { //v3.0
			  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
			   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
			}
		</script>
		<script type="text/javascript">

        $(document).ready(function() {

            $("#effects").ezpz_tooltip({
                contentId: 'simple-content-1',
                showContent: function(content) {
                    content.fadeIn('slow');
                },
                hideContent: function(content) {
                    // if the showing animation is still running, be sure to stop it
                    // and clear the animation queue. otherwise, repeatedly hovering will
                    // cause the content to blink.
                    content.stop(true, true).fadeOut('slow');
                }
            });
			
			
			$("#effects2").ezpz_tooltip({
                contentId: 'simple-content-2',
                showContent: function(content) {
                    content.fadeIn('slow');
                },
                hideContent: function(content) {
                    // if the showing animation is still running, be sure to stop it
                    // and clear the animation queue. otherwise, repeatedly hovering will
                    // cause the content to blink.
                    content.stop(true, true).fadeOut('slow');
                }
            });

        });

    </script>
		<script type="text/javascript">
//  elegir el boton 
 $(document).ready(function(){ //así es como se crean las funciones jQuery. solo cree
  $("#chbox").change(function(){ //se ejecuta con el evento onChange
   var tipo_moneda = $(this).val()
   
   if (tipo_moneda==0)
   {
  $("#resultado2").css("display", "none");
  $("#resultado").css("display", "block"); 
  
   }
   else
   {
   $("#resultado").css("display", "none");
  $("#resultado2").css("display", "block"); 
   
   }
   
     //Devuelve el valor del campo, en este caso el select estatico
  // $("#resultado").html(dato); //paramTipo es el parametro pasado por metodo POST
  });//change
});//ready
</script>
		<style type="text/css">
.w.error {
	background-color: #E20177;
	color: white;
}
.w.error .input {
	border-color: #C8A5A5;
	background: #fff;
}
/* .w.valid { background-color: #A4EFAE; } */
    .w.valid .input {
	border-color: #A5C8A6;
	background: #fff;
}
.w.valid span {
	display: none;
}
</style>
	</head>
	
	<body id="interna" onload="MM_preloadImages('../photos/btn_calcular_dn.jpg')">
		<div id="container" class="zindex">
			<div class="header">
				<img src="../img/header.png" border="0" usemap="#Map" alt="Scotiabank">
				<map name="Map">
					<area shape="rect" coords="10,4,224,57" href="../index.html" alt="Consejos">
					<area shape="rect" coords="730,17,756,46" href="../index.html" alt="Consejos">
				</map>
			</div>
			<div class="f-left zindex">
				<img src="../photos/calculadora_foto.jpg" border="0" alt="Calculadora"> 
				<!--<ul>
      <li>
        <div class="r-box p-bg"> 
          <a class="backward">back</a> 
          <div class="images" style="background-image:url(img/ping-bg.png);"> 
            <div> <a href="alguna"><img src="img/f-bg1.png" border="0"></a> </div>
            <div> <a href="otra"><img src="img/f-bg2.png" border="0"></a> </div>
          </div>
          <a class="forward">forward</a> 
          <div class="slidetabs"> <a href="#"></a> <a href="#"></a> </div>
        </div>
      </li>
      <li> <a href="#div_resultado">
        <div id="btn_calcula" class="r-box" onclick="javascript:return generar_formulario();">
         <h2>¿Podré pagarlo?</h2>
          <p> Te ayudaremos a encontrar la respuesta</p>
          <img class="b-rigt" src="img/calc.png" border="0"><img style="padding-top: 26px; float: left;" src="img/btn-ingresar.png" border="0"> </div>
        
        <div id="btn_texto" class="r-box" onclick="javascript:return retornar_formulario();" style="display:none;">
         <h2>¿Podré pagarlo?</h2>
          <p> Te ayudaremos a encontrar la respuesta</p>
          <img class="b-rigt" src="img/calc.png" border="0"><img style="padding-top: 26px; float: left;" src="img/btn-ingresar.png" border="0"> </div>
        </a>  </li>
    </ul>-->
			</div>
			<div id="texto2">
				<div style="padding-left:10px; padding-right:10px; width:385px; height:397px;">
					<div style="width:385px; float:left;">
						<img src="../photos/tit_calculadora.png" alt="Calculadora"> <br />
						<br />
						<p class="bajada4">
							Esta calculadora funciona mejor que las dem&aacute;s... <br>
							Luego de calcular cu&aacute;nto dinero 
							podr&iacute;as necesitar y cu&aacute;nto puedes pagar, d&iacute;noslo para calcular cu&aacute;nto podr&iacute;as 
							demorarte en pagarlo.
						</p>
						<br />
						<form id="form1" runat="server">
							<table width="320" border="0" cellpadding="0" cellspacing="0" class="Texto_Normal">
								<tr>
									<td colspan="2"><div class="f-left effects-tooltip-target tooltip-target" id="effects2">
											<img src="../photos/questions.png" height="20" width="20" alt="Preguntas">
										</div>
										<div>
											<div class="simple-tooltip-content tooltip-content" id="simple-content-2" style="  top: 161px; display: none; ">
												<p class="Texto-Normal">
													Por pertenecer a <strong>Club</strong>sueldo tus condiciones crediticias son mejores. P&iacute;delo ya.
												</p>
											</div>
										</div>
										Tipo de moneda </td>
									<td align="left"><!--<input type="checkbox" id="chbox" value="" >-->
										
										<select style="margin-right: 15px;" id="chbox" name="chbox">
											<option value="2"  selected>--- Elegir ---</option>
											<option value="0"> Soles (S/.)</option>
											<option value="1"> Dolares ($)</option>
										</select></td>
								</tr>
								<tr>
									<td colspan="4" width="126" height="35"><div class="f-left effects-tooltip-target tooltip-target" id="effects">
											<img src="../photos/questions.png" height="20" width="20" alt="Preguntas">
										</div>
										<div>
											<div class="simple-tooltip-content tooltip-content" id="simple-content-1" style="  top: 161px; display: none; ">
												<p class="Texto-Normal">
													Recuerda que la suma de las cuotas de TODAS tus deudas no deben exceder el 30% de tus ingresos familiares total.
												</p>
											</div>
										</div>
										<div class="f-left Texto-Normal">
											¿Cuánto puedes pagar mensualmente?
										</div></td>
								</tr>
								<tr>
									<td colspan="4" class="w"><input id="txt_monto_mensual" style="width: 280px;"  name="txt_monto_mensual" type="text" onKeyPress='return esInteger(event)' value="" /></td>
								</tr>
								<tr>
									<td class="Texto-Normal" colspan="4" height="35">¿Cuánto dinero necesitas?</td>
								</tr>
								<tr>
									<td class="w" colspan="4"><input id="txt_monto_credito" style="width: 280px;"  name="txt_monto_credito" type="text" onKeyPress='return esInteger(event)' value="" />
										<input id="oculto" name="oculto" type="hidden" value="3" /></td>
								</tr>
								<tr>
									<td class="Texto-Normal" colspan="4" height="35">Cuota Inicial</td>
								</tr>
								<tr>
									<td class="w" colspan="4"><input id="txt_monto_inicial" style="width: 280px;"  name="txt_monto_inicial" type="text" onKeyPress='return esInteger(event)' value="" /></td>
								</tr>
								<tr>
									<td height="15">&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
									<td>&nbsp;</td>
								</tr>
								<tr>
									<td height="20" colspan="4"></td>
								</tr>
								<tr>
									<td colspan="4"><div id="resultado">
											<a id="various1" href="#div_resultado" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Boton6','','../photos/btn_calcular_dn.jpg',1)"><img src="../photos/btn_calcular_up.jpg" alt="" name="Boton6" width="75" height="21" border="0" id="Img1"  onclick="javascript:valida3();" /></a>
										</div>
										<!--<div id="resultado2"  style="display: none;">
											<a id="various2" href="#div_resultado2" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Boton6','','../photos/btn_calcular_dn.jpg',1)"><img src="../photos/btn_calcular_up.jpg" alt="" name="Boton6" width="75" height="21" border="0" id="Img2"  onclick="javascript:valida4();" /></a>
										</div>--></td>
								</tr>
								<tr>
									<td></td>
									<td>&nbsp;</td>
									<td><input id="hdn_tea_0" type="hidden" value="0.1095" />
										<input id="hdn_tea_1" type="hidden" value="0.095" /></td>
									<td></td>
								</tr>
							</table>
							<div id="div_resultado" style="display:block;">
							</div>
							<div id="div_resultado2" style="display:block;">
							</div>
						</form>
					</div>
				</div>
				<script type="text/javascript">
     $(document).ready(function() {
         $('#txt_monto_credito, #txt_monto_mensual').valid8({
             'regularExpressions':
             [
                { expression: /^.+$/, errormessage: 'Insertar monto' },
                { expression: /^[0-9]+$/, errormessage: 'Solo puede ingresar números' }
             ]
         });

     });
	 
    </script>
			</div>
			<div id="div_formulario" style="display:block; float:left;">
			</div>
			<div id="home">
				<div class="left-bar negocios">
					<ul>
						<li>
							<div class="r-box" id="div_r-box">
								<!--Consejos de la banca-->
							</div>
						</li>
						<li>
							<div id="div_r-box4">
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="clear">
			</div>
			<div id="div_footer">
			</div>
		</div>
		<br clear="all">
		<script type="text/javascript" src="../js/myJQ.js"></script> 
		<script type="text/javascript" src="../js/rutas-adds.js"></script> 
		<script type="text/javascript" src="../js/jquery.utils.js"></script> 
		<script type="text/javascript">
		 $(function(){
        	value = $.cookie("visit");(value % 3) == 0  ? $(".sendMail").fadeIn(500) : $(".sendMail").fadeOut(300);if (value == "delete" ) { $(".sendMail").hide(); } $("#galeria a").click(function(){
			var newValue = ++value ;
			$.cookie("visit",newValue);
			
			
			//console.log(value);
				
		});
            
            });
        </script>
		<div class="sendMail" style="display:none;">
			<div class="bundle">
				<span id="closeForm"></span>
				<div class="close-message">
					<p style="padding-top:10px;">
						Si no desea ver éste mensaje haga click <a id="closeSendMail" href="#">aquí</a>
					</p>
					<p class="small">
						*Campos obligatorios
					</p>
				</div>
				<!--<iframe allowtransparency="true" scrolling="no" src="http://www.infomedicaperu.com/consejeriasbk_final3/formul_reg.aspx" frameborder="0" height="460" width="375"></iframe>-->
			</div>
		</div>
		<script language="JavaScript" type="text/javascript" src="https://apps.scotiabank.com/inc/omnitureperu.js"></script>
	</body>
</html>